
#container{
    border-top: 1px solid #f1f1f1;
}
body{
    min-width:1000px;
}
.g-section{
    padding:40px 0px 70px 0px;
}
.g-slide{
    height: 518px;
    position:relative;
}
.g-product{
    padding-top: 120px;
}
.g-product, .g-partner, .g-special{
    background:#f6f6f9;
}
.g-footer{
    background:#3d434f;
}

.m-shadow-title{
    position:relative;
    text-align: center;
    height:100px;
}
.m-shadow-title .u-shadow{
    color: #eceff2;
    font-size: 50px;
    font-weight: bold;
    height:50px;
}
.m-shadow-title .u-shadow-color{
    color: #f6f8fb;
}
.m-shadow-title h1{
    position: relative;
    top: -30px;
    color:#333;
}

/*焦点图片*/
.m-slide .slide-img li{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 9000;
    left: 0px;
    right: 0px;
    opacity: 0.5;
}
.m-slide .slide-img li.active{
    z-index:9001;
    opacity: 1;
}
.m-slide .slide-img li .banner-img{
    position:absolute;
}
.m-slide .slide-img li .banner1-img-one{
    width:534px;
    height:277px;
    top:100px;
    left:5%;
}
.m-slide .slide-img li .banner1-img-two{
    width:578px;
    height:93px;
    top:195px;
    right: 5%;
}
.m-slide .slide-img li .banner2-img-one{
    width:487px;
    height:172px;
    top:130px;
    left:5%;
}
.m-slide .slide-img li .banner2-img-two{
    width:537px;
    height:323px;
    top:50px;
    right: 5%;
}
.m-slide .slide-img li .banner3-img-one{
    width:757px;
    height:92px;
    left:50%;
    margin-left:-390px;
    top:120px;
}
.m-slide .slide-img li .banner3-img-two{
    width:430px;
    height:70px;
    left:50%;
    margin-left:-215px;
    top:255px;
}
.m-slide .slide-img li .bg-img{
    width:100%;
    height:100%;
}
.m-slide .slide-btn{
    position: absolute;
    bottom: 95px;
    text-align: center;
    z-index: 9999;
    left: 0px;
    right: 0px;
}
.m-slide .slide-btn a{
    display: inline-block;
    width: 40px;
    height: 8px;
    background: url(../../images/sprite.png) -270px -156px no-repeat;
    cursor: pointer;
    margin: 0px 10px;
    opacity: 0.6;
}
.m-slide .slide-btn a.active{
    opacity:1;
}

/*定义动画效果*/
.m-slide .slide-img .active .banner1-img-one,.m-slide .slide-img .active .banner2-img-one{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:3%;} to{opacity:1;left:5%;} }
@-moz-keyframes saAnic{from{opacity:0;left:3%;} to{opacity:1;left:5%;} }
@keyframes saAnic{from{opacity:0;left:3%;} to{opacity:1;left:5%;} }

.m-slide .slide-img .active .banner1-img-two,.m-slide .slide-img .active .banner2-img-two{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;right:3%;} to{opacity:1;right:5%;} }
@-moz-keyframes saAnid{from{opacity:0;right:3%;} to{opacity:1;right:5%;} }
@keyframes saAnid{from{opacity:0;right:3%;} to{opacity:1;right:5%;} }

.m-slide .slide-img .active .banner3-img-one{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

.m-slide .slide-img .active .banner3-img-two{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }

/*运单查询、 运费试算、 我要下单*/
.m-operate{
    height: 74px;
    padding: 23px 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -60px;
    background: #fff;
    z-index:9001;
    text-align:center;
}
.m-operate li{
    display:inline-block;
    width:33%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.m-operate .operate-li-center{
    border-left:1px solid #ededed;
    border-right:1px solid #ededed;
}
.m-operate .operate-span{
    width: 75px;
    height: 72px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/sprite.png) -181px -31px no-repeat;
}
.m-operate .operate-span1{
    height: 73px;
    background-position: -181px -108px;
}
.m-operate .operate-span2{
    width: 74px;
    height: 74px;
    background-position:-174px -185px;
}
.m-operate a{
    color:#333;
    margin-left: 15px;
    font-size:16px;
}

/*产品服务*/
.m-product-content{
    margin-top: 20px;
}
.m-product-content .product-title{
    border-bottom:2px solid #ddd;
}
.m-product-content .product-title h2{
    width:33%;
    text-align:center;
    margin-bottom: -2px;
    padding:20px 0px;
}
.m-product-content .product-title h2.active{
    border-bottom: 3px solid #eb4b51;
}
.m-product-content .product-title h2.center{
    width:34%;
}
.m-product-content .product-content{
    width:100%;
    height:590px;
    position:relative;
    overflow:hidden;
}
.m-product-content .product-content .card-wrap{
    position:absolute;
    height:100%;
    width: 100%;
    opacity: 0;
}
.m-product-content ul li{
    margin-top: 65px;
    width: 380px;
    height: 500px;
    background:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    overflow: hidden;
    position:absolute;
    top:0px;
    z-index:1;
    text-align:center;
    left:0px;

    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
}
.m-product-content ul li:hover .u-more-style1{
    color: #ed5c61;
    border-color: #ed5c61;
}
.m-product-content ul li .img-box{
    width:100%;
    height:190px;
    overflow:hidden;
}
.m-product-content ul li .img-box img{
    width:100%;
    height:100%;
}
.m-product-content ul li h3 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-top: 30px;
}
.m-product-content ul li p {
    padding: 20px 40px 15px 40px;
    line-height: 24px;
    color: #888;
    height: 85px;
    overflow: hidden;
}
.m-product-content ul li.active{
    margin-top: 65px;
    z-index: 10;
    -moz-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.3);
    -webkit-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.3);
    box-shadow: 0 0px 30px 0 rgba(88,123,179,0.3);
}
.m-product-content ul li.active .img-box{
    height:240px;
}
.m-product-content ul li.active p{
    padding: 30px 40px 20px 40px;
}

/*行业方案*/
.m-scheme-content .wrap-scheme-list{
    display:none;
    text-align: center;
}
.m-scheme-content .wrap-scheme-list.active{
    display:block;
}
.m-scheme-content .scheme-list{
    width:32%;
    height:440px;
    float:left;
    text-align: center;
    overflow:hidden;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.m-scheme-content .scheme-list:hover{
    position: relative;
    top: -2px;
    -moz-box-shadow: 0px 0px 30px rgba(88,123,179,0.2); /* Firefox */
    -webkit-box-shadow: 0px 0px 30px rgba(88,123,179,0.2); /* Safari 和 Chrome */
    box-shadow: 0px 0px 30px rgba(88,123,179,0.2);
}
.m-scheme-content .scheme-list:hover .u-more-style1{
    color: #ed5c61;
    border-color: #ed5c61;
}
.m-scheme-content .scheme-list-center{
    margin:0px 2%;
}
.m-scheme-content .scheme-img{
    width:144px;
    height:144px;
    margin:35px auto;
    background:url(../../images/sprite.png) 0px 0px no-repeat;
}
.m-scheme-content .scheme-img1{
    background-position:-10px -9px;
}
.m-scheme-content .scheme-img2{
    background-position:-10px -155px;
}
.m-scheme-content .scheme-img3{
    background-position:-10px -302px;
}
.m-scheme-content .scheme-list h2{
    text-align: center;
}
.m-scheme-content .scheme-list p{
    padding: 20px 40px 28px 40px;
    color:#888;
    height: 85px;
    overflow: hidden;
}
/*特色服务*/
.m-special-content{
    overflow: hidden;
    padding: 20px 0px;
    margin: -20px 0px -20px 0px;
}
.m-special-content .wrap-special-list{
    margin-left: -20px;
    position: relative;
    width: 2000px;
}
.m-special-content .special-list{
    width:320px;
    height:240px;
    float:left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left: 20px;
}
.m-special-content .special-list:hover{
    position:relative;
    top:-2px;
    -moz-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.3);
    -webkit-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.3);
    box-shadow: 0 0px 30px 0 rgba(88,123,179,0.3);
}
.m-special-content .special-img{
    height: 180px;
    overflow:hidden;
}
.m-special-content .special-img img{
    width:100%;
    height:100%;
}
.m-special-content .special-list h2{
    height: 60px;
    background: #fff;
    line-height: 60px;
    text-align: center;
}
.m-special-content .special-list h2 a{
    color:#333;
}
.m-special-btn{
    margin-top: 25px;
    text-align:center;
    display:block;
}
.m-special-btn a{
    display:inline-block;
    width:12px;
    height:12px;
    margin: 5px;
    background:url(../../images/sprite.png) -297px -178px no-repeat;
}
.m-special-btn a:hover,.m-special-btn a.active{
    background-position: -271px -178px;
}
/*新闻资讯*/
.m-news-content .news-list{
    margin-top: 40px;
    padding: 40px;
    border:1px solid #f6f4f4;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.m-news-content .news-list:hover{
    -moz-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.2);
    -webkit-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.2);
    box-shadow: 0 0px 30px 0 rgba(88,123,179,0.2);
    border:1px solid #fff;
}
.m-news-content .news-img{
    display:inline-block;
    width:320px;
    height:208px;
    overflow:hidden;
}
.m-news-content .news-img img{
    width:100%;
    height:100%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.m-news-content .news-img img:hover{
    transform: scale(1.2);
}
.m-news-content .news-info{
    width: 540px;
    padding: 10px 28px;
    height: 188px;
    overflow: hidden;
}
.m-news-content .news-info h2 a{
    height: 40px;
    line-height: 40px;
    color: #333;
    display: inline-block;
    margin-bottom: 30px;
}
.m-news-content .news-info p{
    color:#999;
    height:100px;
}
.m-news-content .news-info .time{
    color:#ccc;
}
.m-news-content .u-more{
    text-align: center;
    margin-top: 50px;
}
.m-news-content .u-more a{
    color: #fff;
    display: inline-block;
    padding: 6px 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: all 0.6s ease;
    background: #eb4b51;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.m-news-content .u-more a:hover{
    padding: 6px 40px;
}

/*合作伙伴*/
.m-partner-content a{
    width: 170px;
    height: 50px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin: 25px 15px;
}
.m-partner-content img{
    width:100%;
    height:100%;
}
.m-fixed{
    position: fixed;
    right: 0px;
    bottom: 10px;
    z-index: 10002;
}
.m-fixed .fixed-list{
    width:66px;
    height:66px;
    margin:10px;
    cursor: pointer;
    background:#e03a40;
    position:relative;
}
.m-fixed .u-goback{
    display:none;
}
.m-fixed .u-goback span.u-icon{
    display: block;
    background: url(../../images/sprite.png) -258px -88px no-repeat;
    padding: 21px 10px;
    width: 44px;
    height: 24px;
    margin-left: 2px;
    overflow: hidden;
}
.m-fixed .u-advisory span.u-icon{
    display: block;
    background: url(../../images/sprite.png) -258px -47px no-repeat;
    padding: 5px 11px;
    width: 44px;
    height: 31px;
    margin-top: 0px;
}
.m-fixed .u-advisory .u-tips{
    text-align: center;
    color: #fff;
    margin-top: 1px;
}

.m-im{
    display:none;
    position: fixed;
    z-index: 9999;
    right: 85px;
    width: 360px;
    height: 500px;
    bottom: 20px;
    background:#fff;
    cursor: default;
    -moz-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.1);
    -webkit-box-shadow: 0 0px 30px 0 rgba(88,123,179,0.1);
    box-shadow: 0 0px 30px 0 rgba(88,123,179,0.1);
}
.m-im .im-title{
    height: 70px;
    line-height:70px;
    position: relative;
    font-size:16px;
    color:#fff;
    background:#e03a40;
    padding: 0px 25px;
}
.m-im .im-title .im-close-btn{
    display: block;
    background: url(../../images/sprite.png) -338px -134px no-repeat;
    width: 15px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 25px;
    top: 28px;
    cursor: pointer;
}
.m-im .im-title .im-close-btn:hover{
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);

    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.m-im .im-msg{
    height:310px;
    padding:10px;
    overflow-x:hidden;
    overflow-y:auto;
}
.m-im .im-msg pre{
    white-space: pre-line;
}
.m-im .im-msg .chatmsg{
    margin-bottom: 15px;
}
.m-im .im-msg .chatmsg .u-msg{
    background: #f4f4f4;
    display: inline-block;
    padding: 5px 10px;
    word-break: break-all;
    word-wrap: break-word;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: 100%;
    line-height: 23px;
}
.m-im .im-msg .chatmsg .service-time{
    color:#999;
    font-size: 12px;
}
.m-im .im-msg .chatmsg .service-msg{
    max-width:80%;
    position:relative;
}
.m-im .im-msg .chatmsg-left .service-msg:before{
    width: 0;
    height: 1px;
    border-width: 6px 7px;
    border-style: dashed solid dashed solid;
    border-color: transparent #f4f4f4 transparent transparent;
    font-size: 0;
    line-height: 0;
    content: "";
    position: absolute;
    top: 10px;
    left: -12px;
}
.m-im .im-msg .chatmsg-right .service-msg:before{
    width: 0;
    height: 1px;
    border-width: 6px 7px;
    border-style: dashed solid dashed solid;
    border-color: transparent transparent transparent #ed494d;
    font-size: 0;
    line-height: 0;
    content: "";
    position: absolute;
    top: 10px;
    right: -12px;
}
.m-im .im-msg .chatmsg-left p.service-time{
    text-align: left;
    height: 23px;
    line-height: 23px;
}
.m-im .im-msg .chatmsg-left .service-msg{
    float:left;
}
.m-im .im-msg .chatmsg-right p.service-time{
    text-align: right;
}
.m-im .im-msg .chatmsg-right .service-msg{
    float:right;
}
.m-im .im-msg .chatmsg-right .u-msg{
    background:#ed494d;
    color:#fff;
}

.m-im .im-enter{
    height:79px;
    padding:10px;
    border-top:1px solid #f6f4f4;
}
.m-im .im-enter textarea{
    border: none;
    padding: 5px 10px;
    width: 320px;
    height: 35px;
}
.m-im .enter-btn{
    text-align:right;
}
.m-im .enter-btn span{
    display:inline-block;
    width:60px;
    height:30px;
    line-height:30px;
    background:#f6f6f9;
    text-align: center;
    cursor: pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.m-im .im-leave-msg{
    padding:20px;
}
.m-im .im-leave-msg p a{
    color:#eb4b51;
}
.m-im .im-leave-textarea textarea{
    height: 130px;
    margin: 10px 0px;
    padding: 10px;
}
.m-im .im-leave-input input{
    margin-bottom: 15px;
}
.m-im .im-leave-button{
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: none;
    width: 100%;
    background: #e03a40;
    color: #fff;
    margin-top: 10px;
}

@media (min-width: 1600px) {
    .c-layout{
        width: 1320px;
    }
    body{
        min-width:1320px;
    }
    .m-special-btn{
        display:none;
    }
    .m-product-content .product-content{
        height: 750px;
    }
    .m-product-content ul li{
        width:505px;
        height:670px;
    }
    .m-product-content ul li .img-box{
        height:255px;
    }
    .m-product-content ul li.active .img-box{
        height:320px;
    }
    .m-product-content ul li p{
        height:230px;
    }
    .m-product-content ul li.active p{
        height: 160px;
    }
    .m-scheme-content .scheme-list{
        height:590px;
    }
    .m-scheme-content .scheme-img{
        width:254px;
        height:254px;
        background-position: -377px -26px;
    }
    .m-scheme-content .scheme-img2{
        background-position: -377px -546px;
    }
    .m-scheme-content .scheme-img3{
        background-position: -377px -286px
    }
    .m-special-content .wrap-special-list{
        margin-left: -13.3px;
    }
    .m-special-content .special-list{
        margin-left: 13.3px;
    }
    .m-news-content .news-img{
        width: 430px;
        height: 280px;
    }
    .m-news-content .news-info{
        width: 750px;
        height: 260px;
    }
    .m-news-content .news-info p{
        height:170px;
    }

}

.hide{
    display: none;
}
.active{
    display:block;
}